草庐IT

CSS 文本格式

全部标签

javascript - create-react-app 中的 CSS 链接

create-react-app使用如下所示的App.js启动您:importReact,{Component}from'react';importlogofrom'./logo.svg';import'./App.css';classAppextendsComponent{render(){return(WelcometoReactTogetstarted,editsrc/App.jsandsavetoreload.);}}exportdefaultApp;注意import'./App.css'-此CSS文件的匿名导入。App.css包含App和App-header等CSS类,然后在

javascript - 突出显示 sweetAlert 中的默认文本输入

我有一个SweetAlert2允许文本输入,我给它一个默认值。我希望在弹出警报时突出显示此默认值,以便用户可以在需要时立即覆盖它。这是一个例子:这是我使用sweetAlert选项调用的函数:window.sweetPrompt=function(title,message,callback,input,keepopen,allowOutsideClick,allowEscapeKey){sweetAlert({title:title,text:message,input:'text',confirmButtonColor:"#428bca",preConfirm:function(te

javascript - 在 CSS 中显示来自数据集的数据?

如果我执行以下操作:$('.js-element').attr("data-count",2)然后我可以使用CSS显示该值:.js-element:after{content:attr(data-count);}但如果我执行以下操作:$('.js-element').data("count",2)然后相同的CSS代码什么都不显示。据我了解,不同之处在于,在第一种情况下,我只是在HTML元素上设置一个属性,我恰好以数据为前缀,而在第二种情况下,我正在设置HTML元素的数据集属性。我的问题是:可以认为其中一种方法优于另一种方法吗?如何让CSS显示数据集中的值?

javascript - Webpack 4 中 css-loader 的 importLoaders 选项到底是什么?

我从一个月开始就开始学习Webpack4。我想做的大多数事情都很好,但是css-loader的这个importLoaders选项对我来说仍然是个谜。其官方documentation很差,我还没有找到任何关于它的很好解释的文章。我的用例与文档中介绍的用例非常接近:{test:/\.s?css$/,use:[ExtractCssChunks.loader,{loader:'css-loader',options:{importLoaders:2,//0=>noloaders(default);1=>postcss-loader;2=>postcss-loader,sass-loaderim

javascript - 为什么 CSS3Pie + Prototype 1.6.1 会导致 Internet Explorer 8 崩溃

我试图理解为什么Css3Pie与Prototype1.6.1一起使用会导致InternetExplorer8崩溃。为什么会这样?相关信息CSS3Pie[sourcecode]是一种InternetExplorer行为(htc),它添加了对CSS3属性(如边框半径、渐变等)的支持。崩溃仅发生在IE8中,不会发生在IE7或更早版本中。崩溃只发生在Prototype1.6.1[sourcecode],不是原型(prototype)1.6.0.x崩溃在页面加载时立即发生,我什至无法与页面交互。开发人员知道该问题,但由于他认为这是一个原型(prototype)问题(可能是),他可能并不急于修复它

javascript - 一些所见即所得的编辑器如何保持粘贴文本的格式?

一些所见即所得的编辑器如何保持粘贴文本的格式?例如,我将斜体红色文本从文本编辑器复制到WYSIWYG中,它保留了文本的颜色和样式,这是怎么发生的?最长的时间我认为JavaScript只能访问剪贴板文本。不是这样吗?如果是,那么它是什么? 最佳答案 在复制/粘贴操作期间,源和目标之间存在内容类型协商。它的发生有点像这样:你将一些东西复制到复制和粘贴缓冲区中。复制的数据或多或少带有MIME类型的标记,以及是谁放在那里的。粘贴时,粘贴目标会告诉复制粘贴系统它理解特定的MIME类型列表。复制粘贴系统将可用格式与所需格式进行匹配,并在两个列表

javascript - 使用 CSS 转换/动画/等时,如果用户浏览器不执行 css 动画,回退到 jquery 的最佳方法是什么?

我正在寻找一种使用css动画的方法,但如果用户浏览器不执行css动画-然后回退使用Jquery来制作动画。在Jquery中有一种简单的方法可以做到这一点吗?一个插件就可以了,如果它是一个小插件,但如果可能的话,我真的在寻找某种在jquery中执行此操作的方法。我想使用css动画的唯一原因是因为使用css动画时使用的处理器功率要低得多。 最佳答案 jQueryanimateenhancedplugin使用CSS转换而无需为支持转换的浏览器编写特定代码替代方案不是很令人鼓舞:您可以添加一个特征检测库,例如Modernizr,然后为每种情

javascript - 如何在不更改 DOM 的情况下计算文本选择的高度

我正在使用Range来操作选定的文本。我想计算从开始选择文本到完成选择文本的高度。我已经尝试跨度到所选范围的开始和结束,我可以准确地计算出它的高度,但它会改变DOM并阻止我进行一些其他范围操作,例如突出显示先前选择的文本。我也尝试收集mosedown和mosueup位置的位置,但我需要从所选文本的顶部到释放选择的文本底部的准确高度,但情况并非总是如此。所以我想知道是否有一种方法可以在不更改DOM的情况下计算文本选择的高度? 最佳答案 这取决于您需要处理哪些浏览器。这是一个可以在IE>=4和支持Range中的getClientRect

javascript - 文本输入中的 CSS 样式特定字符

我有一个脚本可以在用户按下按钮时生成文本。此文本被发送到一个输入框,因此当我按下按钮时,一些文本会出现在一个输入框中。我想知道是否有任何CSS属性可以设置输入框中出现的所有分隔数字的“-”字符的颜色。生成的文本示例:“4-6-9-8-2”换句话说,我想要红色的数字和蓝色的“-”。我很想知道如何做到这一点。我将不胜感激。 最佳答案 input:text元素中不能包含多样式文本。如果您想要格式化文本,则需要使用带有contenteditable的div来使用自定义文本元素。 关于javasc

javascript - CSS 样式属性名称——从常规版本到 JS 属性驼峰命名版本,反之亦然

是否有获取相应名称的规定?我正在编写的函数必须通过element.style[propnameCamelCase]设置样式并通过document.defaultView.getComputedStyle(element,'')检索现有的渲染值.getPropertyValue(propname-regular),我很难证明必须将两个单独但语义相同的参数传递给此函数。我知道对于它们中的大多数来说,这是一个相当简单的转录,在驼峰式和连字符分隔之间用相同的词分隔,所以我可以使用正则表达式来转换它们。但也许有一些不是这样的?我很难弄清楚如何使用正则表达式处理驼峰式大小写的大写字母。编辑:啊,我